<template>
	<wd-navbar title="选择提货单"  left-arrow @click="handleClickLeft"></wd-navbar>
	<div class="top_one">
		<div class="address_go">
			<span>保定</span>
			<svg t="1731412127256" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9429" 
			width="16" height="16"><path d="M927.804 352.193l-415.804 415.632-415.803-415.632 63.616-63.445 352.209 352.017 352.102-352.017z" fill="#272636" p-id="9430"></path></svg>
		</div>
		<div class="top_search"><wd-search placeholder="请输入订单号/订单名称" cancel-txt=" " /></div>
	</div>
	<div class="address_two">
		<div class="tow_one">
			<svg t="1731412564681" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11414" 
			width="24" height="24"><path d="M512 938.666667c-53.333333 0-384-257.258667-384-469.333334S299.925333 85.333333 512 85.333333s384 171.925333 384 384-330.666667 469.333333-384 469.333334z m0-352c64.8 0 117.333333-52.533333 117.333333-117.333334s-52.533333-117.333333-117.333333-117.333333-117.333333 52.533333-117.333333 117.333333 52.533333 117.333333 117.333333 117.333334z" fill="#000000" p-id="11415"></path></svg>
			<span>保定</span>
		</div>
		<div class="tow_one">
			<span>修改定位</span>
			<svg t="1731412669287" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12468" 
			width="16" height="16"><path d="M321.11809 65.612347 257.085728 129.009236 638.078998 512.615007 253.882779 892.992247 317.372789 956.917162 765.594207 513.137916Z" fill="#272636" p-id="12469"></path></svg>
		</div>
	</div>
	<div class="box_white"></div>
	<div class="now_address">
		<h4>当前自提点</h4>
		<div class="address_all">
			<wd-img :width="100" :height="100" :src="imgs" />
			<div class="address_main">
				<p class="p_one">东院图书馆地下</p>
				<p class="p_red">距离83m</p>
				<p class="p_three">莲池区南大园乡保定理工东院地下</p>
			</div>
		</div>
	</div>
	<div class="box_white"></div>
	<div class="now_address">
		<h4>附近自提点</h4>
		<div class="address_all">
			<wd-img :width="100" :height="100" :src="imgs" />
			<div class="address_main">
				<p class="p_one">东院二食堂</p>
				<p class="p_red">距离83m</p>
				<p class="p_three">莲池区南大园乡保定理工东院二食堂</p>
			</div>
		</div>
		<wd-button type="success" class="address_buton">选择</wd-button>
		<div class="one_address"></div>
		<div class="address_all">
			<wd-img :width="100" :height="100" :src="imgs" />
			<div class="address_main">
				<p class="p_one">生活广场地下</p>
				<p class="p_red">距离83m</p>
				<p class="p_three">莲池区南大园乡保定理工西院9号楼</p>
			</div>
		</div>
		<wd-button type="success" class="address_buton">选择</wd-button>
		<div class="one_address"></div>
		<div class="address_all">
			<wd-img :width="100" :height="100" :src="imgs" />
			<div class="address_main">
				<p class="p_one">综合办功能</p>
				<p class="p_red">距离83m</p>
				<p class="p_three">莲池区南大园乡保定理工西院12号楼</p>
			</div>
		</div>
		<wd-button type="success" class="address_buton">选择</wd-button>
		<div class="one_address"></div>
	</div>
</template>

<script setup>
		
	let imgs = 'https://img0.baidu.com/it/u=3893214029,1618507970&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1731603600&t=665194ebf6608660fee00455844f8c8d'
	
	function handleClickLeft() {
	  uni.navigateBack({
	    delta: 1
	  })
	}
</script>

<style lang="scss">
	.top_one{
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 100vw;
		.top_search{
			width: 80vw;
		}
	}
	.address_two{
		display: flex;
		align-items: center;
		padding: 0px 30rpx 0px 10rpx;
		justify-content: space-between;
		margin-top: 20rpx;
		.tow_one{
			display: flex;
			align-items: center;
		}
	}
	.wd-search__cancel[data-v-4ebafd4c]{
			display: none;
	}
	.box_white{
		height: 2vh;
		width: 100vw;
		background-color: #f7f7f7;
	}
	.now_address{
		padding: 20rpx;
	
		h4{
			margin-bottom: 50rpx;
		}
	}
	.address_all{
		display: flex;
		align-items: center; 
		.p_one{
			font-size: 35rpx;
			margin: 13px 5px;
		}
		.p_red{
			color: #ff4500;
			margin: 13px 5px;
		}
		.p_three{
			color:#acacac;
			margin: 13px 5px;
		}
	}
	.address_buton{
		position: relative;
		top: -80px;
		left: 250px;
	}
	.one_address{
		background-color: #f7f7f7;
		width: 100vw;
		height: 10px;
		position: relative;
		top: -18px;
	}
</style>